
<div id="contenedor" class="container">  
    <div class="row">  
        <div class="span12">  
            <div class="row-fluid">
                <ul id="tab-active" class="nav nav-tabs" data-active="<?php echo $pestana; ?>">
                    <li class="pestana" id="tab-categorias">
                        <a href="#">Categorías</a>
                    </li>
                    <li class="pestana" id="tab-productos" >
                        <a href="#">Productos</a>
                    </li>                    
                </ul>
            </div>
            <div id="div-categorias">

                <div class="row-fluid">
                    <div id="categorias" class="span12">
                        <div class="span12">
                            <a href="#modalAgregarCategoria" role="button" class="btn btn-inverse" data-toggle="modal">Crear nueva</a>

                        </div>   
                        <div class="row-fluid ">
                            <div class="span12 breadcrumb alingCenter">
                                Categorías <a href="#modalEditarCategoria" class="ayuda" data-toggle="tooltip" title="Informacíon comercial acerca del establecimiento"><i class="icon-question-sign"></i></a>   
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">                          
                                <div>
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <td><center><strong>Nombre Categoría</strong></center></td>
                                        <td><center><strong>Descripción</center></strong></td>
                                        <td><center><strong>Inventario</center></strong></td>
                                        <td><center><strong>Editar</center></strong></td>
                                        <td><center><strong>Borrar</center></strong></td>                        
                                        </tr>    
                                        </thead>  

                                        <tbody>
                                            <?php
                                            //var_dump($categorias);
                                            foreach ($categorias as $categoria) {
                                                ?>  
                                                <tr>
                                                    <td><center><?php echo $categoria->nombre; ?> </center></td>
                                            <td><center><?php echo $categoria->descripcion; ?></center></td>
                                            <td>
                                            <center>
                                                <?php echo ($categoria->tiene_inventario == 1) ? "si" : "no"; ?>
                                            </center>
                                            </td> 
                                            <td><center><form method="post" action=""> 
                                                    <input type="hidden" name="id_categoria" value="<?php echo $categoria->id_categoria_producto ?>">
                                                    <a href="#modalEditarCategoria" class="mEditar" data-id="<?php echo $categoria->id_categoria_producto; ?>" data-nombre="<?php echo $categoria->nombre ?>" data-descripcion="<?php echo $categoria->descripcion; ?>" data-inventario="<?php echo $categoria->tiene_inventario ? 1 : 0 ?>" type="button" data-toggle="modal"><i class='icon-edit icon-black'></i></a>

                                                </form></center></td>
                                            <td><center> 
                                                <form method="post" action="productos/eliminarCategoria"> 
                                                    <input type="hidden" name="id_categoria_producto" value="<?php echo $categoria->id_categoria_producto ?>">
                                                    <button  class='btn btn-link confirmar' type='submit'><i class='icon-remove icon-black'></i></button>
                                                </form>
                                            </center>
                                            </td> 
                                            </tr>
                                        <?php } ?>

                                        </tbody> 
                                    </table>   
                                </div>
                            </div> 
                        </div>
                    </div> 
                </div> 
            </div>



            <div id="div-productos">




                <div class="row-fluid">
                    <div id="categorias" class="span12">                        
                        <div class="row-fluid ">
                            <div class="span12 breadcrumb alingCenter">
                                Productos <a href="#" class="ayuda" data-toggle="tooltip" title="Informacíon comercial acerca del establecimiento"><i class="icon-question-sign"></i></a>   
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="row-fluid">
                                <div class="span12">
                                    <select id="select-categoria" name="id-categoria">
                                        <option value='-1'>Seleccione categoría</option>
                                        <?php foreach ($categorias as $categoria) { ?>                                            
                                            <option data-inventario="<?php echo $categoria->tiene_inventario; ?>" value='<?php echo $categoria->id_categoria_producto ?>'><?php echo $categoria->nombre ?></option>
                                        <?php } ?>
                                    </select>
                                </div>
                            </div>   
                            <div class="row-fluid">
                                <a id="btn-crear-producto" href="#modalCrearProducto" role="button" class="btn btn-inverse" data-toggle="modal">Crear Nuevo</a>
                            </div>

                            <div class="row-fluid">
                                <div class="span12">
                                    <div id="tabla-productos">

                                    </div>    
                                </div> 
                            </div>
                        </div> 
                    </div> 
                </div> 
            </div>
        </div>
    </div>
</div>


<!-- DIV's de edicion de categoria -->


<!-- CATEGORIA-->


<div id="modalAgregarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel" class="alingCenter">Crear nueva categoría</h4>

    </div>

    <form id="form-crear-categoria" action="productos/crearNuevaCategoria" method="post">
        <div class="modal-body">
            <div class="row-fluid">
                <div class="span4"><label class="pull-right">Nombre</label></div>
                <div class="span8"><input class="requerido" type="text" name="nombre" ></div>
            </div>
            <div class="row-fluid">
                <div class="span4"><label class="pull-right">Descripción</label></div>
                <div class="span8"><input class="requerido" type="text" name="descripcion" ></div>
            </div>
            <div class="row-fluid">
                <div class="span4"><label class="pull-right">Tiene inventario</label></div>
                <div class="span8"><input type="checkbox" name="tiene_inventario"></div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-inverse" type="submit">Crear</button>
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
        </div>

    </form>
</div>


<div id="modalEditarCategoria" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo">Editar Categoría</h4>

    </div>
    <div class="modal-body">
        <form id="form-editar-categoria" action="productos/editarCategoria" method="post">
            <input id="categoria-id" type="hidden" name="id_categoria_producto">           
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nombre:</label>
                </div>                
                <div class="span7">
                    <input class="requerido" id="categoria-nombre" type="text" name="nombre" >
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Descripción:</label>
                </div>                
                <div class="span7">
                    <input  class="requerido" id="categoria-descripcion" type="text" name="descripcion">
                </div>
            </div>

            <div class="row-fluid" > 
                <div class="span5">
                    <label class="pull-right">Inventario:</label>
                </div>                
                <div class="span7">
                    <input id="categoria-inventario" type="checkbox" name="tiene_inventario">
                </div>
            </div>


            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Guardar</button>
            </div>
        </form>
    </div>

</div>


<!--DIV's MODAL PRODUCTO -->
<div id="modalCrearProducto" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo">Crear Producto</h4>

    </div>
    <div class="modal-body">
        <form id="form-crear-producto" action="productos/crearProducto" method="post">           
            <input id="crear-categoria-id" type="hidden" name="id_categoria_producto">
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nombre:</label>
                </div>                
                <div class="span7">
                    <input  class="requerido" type="text" name="nombre">
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Descripción:</label>
                </div>                
                <div class="span7">
                    <input   class="requerido" type="text" name="descripcion">
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Tarifa:</label>
                </div>                
                <div class="span7">
                    <input  class="requerido" type="number" name="valor">
                </div>
            </div>

            <div class="row-fluid" id="div-crear-inventario"> 
                <div class="span5">
                    <label class="pull-right">Cantidad actual:</label>
                </div>                
                <div class="span7">
                    <input class="" type="number" name="cantidad_actual">
                </div>
            </div>

            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Guardar</button>
            </div>
        </form>
    </div>

</div>






<div id="modalEditarProducto" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo">Editar Producto</h4>

    </div>
    <div class="modal-body">
        <form id="form-editar-producto" action="productos/editarProducto" method="post">
            <input id="edit-categoria-id" type="hidden" name="id_categoria_producto">     
            <input id="edit-producto-id" type="hidden" name="id_servicio">            
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nombre:</label>
                </div>                
                <div class="span7">
                    <input class="requerido" id="edit-producto-nombre" type="text" name="nombre">
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Descripción:</label>
                </div>                
                <div class="span7">
                    <input  class="requerido" id="edit-producto-descripcion" type="text" name="descripcion">
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Tarifa:</label>
                </div>                
                <div class="span7">
                    <input class="requerido" id="edit-producto-valor" type="number" name="valor">
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Guardar</button>
            </div>
        </form>
    </div>

</div>



<!--  modalEditarInventario modalEditarInventario  -->


<div id="modalEditarInventario" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo">Modificar Inventario</h4>

    </div>
    <div class="modal-body">
        <form id="form-editar-inventario" action="productos/editarInventario" method="post">
            <input id="inventario-categoria" type="hidden" name="id_categoria_producto">     
            <input id="inventario-producto" type="hidden" name="id_servicio">            
            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Producto:</label>
                </div>                
                <div class="span7">
                    <input id="inventario-nombre" type="text"  readonly="readonly">
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Fecha:</label>
                </div>                
                <div class="span7">
                    <div class="input-prepend">
                        <span class="add-on"><i class="icon-calendar"></i></span>
                        <input id="fecha-hoy" type="text" class="datePicker input-small" name="fecha" readonly="readonly" > 
                    </div>
                </div>
            </div>

            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Descripción:</label>
                </div>                
                <div class="span7">
                    <input id="inventario-descripcion" type="text" name="descripcion">
                </div>
            </div>


            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Cantidad:</label>
                </div>                
                <div class="span7">
                    <input id="inventario-cantidad" type="text" readonly="readonly" name="cantidad_actual" >                 
                </div>
            </div>


            <div class="row-fluid"> 
                <div class="span5">
                    <label class="pull-right">Nueva cantidad:</label>
                </div>                
                <div class="span7">
                    <input id="" type="text" name="cantidad_nueva" >                 
                </div>
            </div>





            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse">Guardar</button>
            </div>
        </form>
    </div>

</div>

